.root {
    font-size: 14px;
    :global {
        .progress{
            position: relative;
            //height: 15px;
            //line-height: 15px;
            height: 24px;
            line-height: 24px;
            white-space: nowrap;
            min-width: 80px;
            span{
                position: absolute;
                right: 0;
                top: 0;
            }
        }

        progress{
            width: 100%;
            //height: 15px;
            height: 17px;
            color:#4A90E2;
            background:#fff;
            position:relative;
            top:3.5px;
        }
        /* 表示总长度背景色 */
        progress::-webkit-progress-bar{     
           background-color:#fff;
        }
        /* 表示已完成进度背景色 */
        progress::-webkit-progress-value{
             background-color:#4A90E2;
        }
        .minus{
            progress{
                color:#7ED321;
            } 
            progress::-webkit-progress-value{
                background-color:#7ED321;
           }
        }
        
        // .ant-spin-spinning {
        //     width: 100%;
        //     height: 100%;
        //     display: flex;
        //     justify-content: center;
        //     align-items: center;
        // }
        // .box{
        //     width: 100%;
        //     height: 187px;
        //     display: flex;
        //     justify-content: center;
        //     align-items: center;
        //     background: #fff;
        // }
        // .content-inner {
        //     padding-bottom: 20px;
        //     .ant-radio-button-wrapper {
        //         height: 27px;
        //         line-height: 26px;
        //         padding: 0 8px;
        //         border: 0;
        //         background: transparent;
        //         &:not(:first-child)::before{
        //             background: transparent;
        //         }
        //     }
        //     .ant-radio-button-wrapper-checked {
        //         font-family: 'PingFangSC-Regular';
        //         background-color: #4a90e2;
        //         color: #fff;
        //         :hover {
        //             color: #fff;
        //         }
        //         border-radius:4px;
        //     }
        // }
        // .ant-menu-horizontal {
        //     background: none;
        //     border-bottom: 1px solid #ccc;
        //     margin-top: 5px;
        //     .ant-menu-submenu-selected {
        //         border-bottom: 3px solid #0090FF;
        //         color: #0090FF;
        //     }
        //     .ant-menu-item,
        //     .ant-menu-submenu-title {
        //         padding: 0 10px;
        //     }
        //     &>.ant-menu-item-selected{
        //         border-bottom: 3px solid #0090FF;
        //         color: #4b4b4b;
        //         font-family:'PingFangSC-Semibold';
        //     }
        // }
        // .toolbar {
        //     padding: 10px 20px;
        //     color: #ccc;
        //     background: #14202E;
        //     line-height: 32px;
        //     dl,
        //     dt,
        //     dd {
        //         display: inline-block;
        //     }
        //     dl {
        //         margin-left: 30px;
        //     }
        //     i {
        //         margin-right: 14px;
        //     }
        // }
        // .contentDisplay,
        // .ant-card-body {
        //     padding: 0;
        // }
        // .dataDate {
        //     margin: 5px 10px 15px;
        //     dt,dd{
        //         display: inline;
        //     }
        // }
        // .ant-card {
        //     background: none;
        // }
        // .ant-table {
        //     background: #fff;
        // } // dl {
        // //     margin-right: 10px;
        // // }
        // // dt,
        // // dd {
        // //     display: inline-block;
        // // }
        // // table{
        // //     width:100%;
        // // }
        // // th,
        // // td {
        // //     white-space: nowrap;
        // // }
        // .ant-card.tableCard {
        //     margin-bottom: 10px;
        //     .ant-card-head {
        //         background: #ddd;
        //         padding: 7px 10px 5px;
        //         min-height: 30px;
        //         margin-bottom: 10px;
        //         border-bottom: 0;
        //         .ant-card-head-title {
        //             padding: 0;
        //             height: 18px;
        //             line-height: 18px;
        //             color: #4a4a4a;
        //             font-weight: bold;
        //             font-size: 14px;
        //         }
        //     }
        //     .ant-card-body {
        //         padding: 0;
        //         .ant-table table {
        //             border: 1px solid #ddd;
        //             border-bottom: 0;
        //             .ant-table-thead {
        //                 background: #f7f7f7;
        //                 height: 30px;
        //                 &>tr {
        //                     th {
        //                         padding: 7px 20px 6px;
        //                         box-sizing: border-box;
        //                         line-height: 16px;
        //                         span {
        //                             font-size: 12px;
        //                             line-height: 17px;
        //                             color: #4a4a4a;
        //                             font-weight: bold;
        //                         }
        //                     }
        //                     th:nth-child(3),
        //                     th:nth-child(4),
        //                     th:nth-child(5) {
        //                         text-align: right;
        //                     }
        //                     th:nth-child(5) {
        //                         padding-right: 40px;
        //                     }
        //                 }
        //             }
        //             .ant-table-tbody>tr {
        //                 td {
        //                     padding: 4px 20px 6px;
        //                     box-sizing: border-box;
        //                     font-size: 12px;
        //                     line-height: 20px;
        //                     color: #4a4a4a;
        //                 }
        //                 td:nth-child(3),
        //                 td:nth-child(4),
        //                 td:nth-child(5) {
        //                     text-align: right;
        //                 }
        //                 td:nth-child(5) {
        //                     padding-right: 40px;
        //                 }
        //             }
        //         }
        //         .ant-pagination.mini .ant-pagination-item {
        //             border: none;
        //             background: none;
        //         }
        //         .ant-table-pagination.ant-pagination {
        //             margin: 5px 0 !important;
        //         }
        //     }
        // }
        .ant-card-bordered {
            border: 0;
        }
        .ant-radio-button-wrapper {
            padding: 0 8px;
            border: 0;
            background: transparent;
            color: #4a4a4a;
            height: 27px;
            line-height: 27px;
            &:not(:first-child)::before {
                background: transparent;
            }
            &:hover {
                color: #fff;
                background: #108ee9;
            }
        }
        .ant-radio-button-wrapper-checked {
            font-family: 'PingFangSC-Regular';
            color: #fff;
            background: #108ee9;
            border-radius: 2px;
        }
        .dataArea {
            .ant-card {
                margin-bottom: 12px;
                background: transparent;
                .ant-card-head {
                    margin-bottom: 12px;
                    padding: 6px 20px 6px 38px;
                    min-height: 30px;
                    border-bottom: 0;
                    background: #ddd;
                    background-image: url(../../../assets/images/triangle.png);
                    background-repeat: no-repeat;
                    background-size: 38px 30px;
                    &-title {
                        padding: 0;
                        height: 18px;
                        line-height: 18px;
                        color: #4a4a4a;
                        font-family: 'PingFangSC-Medium';
                        font-size: 14px;
                    }
                }
            }
        }
        .ant-row:before {
            display: none
        }
        .toolbar {
            padding: 9px 12px;
            color: #ccc;
            background: #14202E;
            line-height: 18px;
            margin-bottom: 20px;
            &>div {
                height: 28px;
            }
            dl,
            dt,
            dd {
                display: inline-block;
            }
            dl {
                margin-left: 20px;
            }
            i {
                margin: 6px 16px 6px 0;
            }
            .ant-select-selection--single {
                height: 28px;
                border: 1px solid #979797;
                border-radius: 2px;
                &>div {
                    line-height: 28px;
                    margin-left: 12px;
                    margin-right: 12px;
                }
            }
            .ant-select-selection-selected-value,
            .ant-select-arrow {
                color: #4a4a4a
            }
        }
        .ant-menu-horizontal {
            background: none;
            border-bottom: 1px solid #ccc;
            line-height: 28px;
            color: #4b4b4b;
            .ant-menu-item,
            .ant-menu-submenu-title {
                padding: 0 10px;
            }
            &>.ant-menu-item-selected {
                border-bottom: 3px solid #0090FF;
                color: #4b4b4b;
                font-weight: bold;
            }
        }
        .down,
        .up {
            background-repeat: no-repeat;
            padding-right: 12px;
            background-position: center right;
        }
        .down {
            color: #417505;
            background-image: url(../../../assets/images/down.png);
        }
        .up {
            color: #d0021b;
            background-image: url(../../../assets/images/up.png);
        }
    }
}